var p1 = document.querySelector('.p1');
var p2 = document.querySelector('.p2');
var left = document.querySelector('.main-3');
var right = document.querySelector('.main-4');
var left1 = document.querySelector('.main-2-1');
var right1 = document.querySelector('.main-2-2');
p1.ontouchstart = function () {
  left1.style.backgroundColor = '#FF8A00';
  right1.style.backgroundColor = '#f5f5f5';
  this.style.fontWeight = 'bold';
  p2.style.fontWeight = 'initial';
  right.style.display = 'none';
  left.style.display = 'block';
};
p2.ontouchstart = function () {
  right1.style.backgroundColor = '#FF8A00';
  left1.style.backgroundColor = '#f5f5f5';
  this.style.fontWeight = 'bold';
  p1.style.fontWeight = 'initial';
  left.style.display = 'none';
  right.style.display = 'block';
};
var recover = document.querySelector('.main-5-2');
recover.ontouchstart = function () {
  window.location.href = '../html/recover.html';
};
var reg = document.querySelector('.main-5-1');
reg.ontouchstart = function () {
  window.location.href = '../html/regist.html';
};
var btn = document.querySelector('.btn');
btn.ontouchstart = function () {
  window.location.href = '../html/myLogin.html';
};
